<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>
<%@ page import="java.util.*"%>

<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<link href="<%=request.getContextPath() + "/css/table.css"%>"
	rel="stylesheet" type="text/css">
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />


<script type="text/javascript">
$(document).ready(function() {
	
	$("#buscarBtn").click(function(){		
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		$("#accion").val('BuscarTodo');
		$("#mainForm").attr('target','_self');
			
		if( ($("#fechaInicial").val() == '' && $("#fechaFinal").val() == '')){
			$("#mainForm").submit();
		}else{
			var fIniValida = isDate($("#fechaInicial").val());
			var fFinValida = isDate($("#fechaFinal").val());
			if(!fIniValida){
				alert('Fecha inicial no valida.');
				return false;
			}else if(!fFinValida){
				alert('Fecha final no valida.');
				return false;
			}else{
				if( $.datepicker.parseDate("dd/mm/yy", $("#fechaInicial").val()) > $.datepicker.parseDate("dd/mm/yy", $("#fechaFinal").val())){
					alert('Fecha inicial no puede ser mayor que la fecha final.');
					return false;
				}
			}
			$("#mainForm").submit();
		}			
	});
		
	//cuando cambia el valor seleccionado de la lista de zonas.
	$("#zona").change(function(){		
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		$('#strOption').val('zona');
		var action = '<%=request.getContextPath()%>'+'/Reportes/GrupoFamiliar/TotalSelectCriteriaRGF.do';
		$('#mainForm').attr('action', action);
		$('#mainForm').attr('target','_self');
		$('#mainForm').submit();
	});
	
	//cuando cambia el valor seleccionado de la lista de comunas.
	$("#comuna").change(function(){		
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		$('#strOption').val('comuna');
		var action = '<%=request.getContextPath()%>'+'/Reportes/GrupoFamiliar/TotalSelectCriteriaRGF.do';
		$('#mainForm').attr('action', action);
		$('#mainForm').attr('target','_self');
		$('#mainForm').submit();
	});
	
	//cuando cambia el valor seleccionado de la lista de barrios.
	$("#barrio").change(function(){		
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		$('#strOption').val('barrio');
		var action = '<%=request.getContextPath()%>'+'/Reportes/GrupoFamiliar/TotalSelectCriteriaRGF.do';
		$('#mainForm').attr('action', action);
		$('#mainForm').attr('target','_self');
		$('#mainForm').submit();
	});
	
	//cuando cambia el valor seleccionado de la lista de programas.
	$("#programa").change(function(){	
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		$('#strOption').val('barrio');
		var action = '<%=request.getContextPath()%>'+'/Reportes/GrupoFamiliar/TotalSelectCriteriaRGF.do';
		$('#mainForm').attr('action', action);
		$("#mainForm").attr('target','_self');
		$('#mainForm').submit();
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#fechaIni").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#fechaFin").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>


<form name="mainForm" id="mainForm"
	action="<%=request.getContextPath()
					+ "/Reportes/GrupoFamiliar/TotalSelectFilterRGF.do"%>"
	method="post">
	<input type="hidden" name="strOption" id="strOption" value="" />
	<input type="hidden" name="fechaInicial" id="fechaInicial" /> 
	<input type="hidden" name="fechaFinal" id="fechaFinal" />
	<div align="center">
		<table class="tablaGenericaWidth55">
			<tr>
				<td class="titulosenblanco" colspan="3">
					<DIV align="center">
						<STRONG>Reporte&nbsp;Total Grupo Familiar </STRONG>
					</DIV>
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td align="center" class="celdatabla" colspan="3">
					Seleccione los criterios de busqueda
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td width="26%" class="celdatabla"><strong>Zona:</strong></td>
				<td width="40%">
					<%
						String strZona = (String) request.getAttribute("zona");
						if (strZona == null)
							strZona = "nulo";
					%>
					<div align="left">
						<logic:present name="ListZonas">
							<logic:iterate id="lZona" name="ListZonas" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.VflexVO">

								<html:select name="lZona" styleId="zona" property="codeZona" title="Zona"
									styleClass="formInputOutput" value="<%=strZona%>">
									<option value="nulo" selected="selected">
										Seleccione una zona
									</option>
									<html:options name="lZona" labelName="codeZona"
										labelProperty="descVflex" property="code"
										collection="ListZonas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
				<td width="3%">&nbsp;</td>
			</tr>
			<tr>
				<td width="26%" class="celdatabla"><strong>Comuna/Corregimiento:</strong>
				</td>
				<td width="40%">
					<%
						String strComuna = (String) request.getAttribute("comuna");
						if (strComuna == null)
							strComuna = "nulo";
					%>
					<div align="left">
						<logic:present name="ListComunas">
							<logic:iterate id="lComuna" name="ListComunas" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.VflexVO">
								<html:select name="lComuna" styleId="comuna" property="codeComuna" title="Comuna"
									styleClass="formInputOutput" value="<%=strComuna%>">
									<option value="nulo" selected="selected">
										Seleccione una comuna
									</option>
									<html:options name="lComuna" labelName="codeComuna"
										labelProperty="descVflex" property="code"
										collection="ListComunas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
				<td width="3%">&nbsp;</td>
			</tr>
			<tr>
				<td width="26%" class="celdatabla"><strong>Barrio/Vereda:</strong>
				</td>
				<td width="40%">
					<%
						String strBarrio = (String) request.getAttribute("barrio");
						if (strBarrio == null)
							strBarrio = "nulo";
					%>
					<div align="left">
						<logic:present name="ListBarrios">
							<logic:iterate id="lBarrios" name="ListBarrios" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.VflexVO">
								<html:select name="lBarrios" styleId="barrio" property="codeBarrio"
									title="Barrio" styleClass="formInputOutput" value="<%=strBarrio%>">
									<option value="nulo" selected="selected">
										Seleccione un barrio
									</option>
									<html:options name="lBarrios" labelName="codeBarrio"
										labelProperty="descVflex" property="code"
										collection="ListBarrios" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
				<td width="3%">&nbsp;</td>
			</tr>
			<tr>
				<td width="26%" class="celdatabla"><strong>Programa:</strong></td>
				<td width="40%">
					<%
						String strPrograma = (String) request.getAttribute("programa");
						if (strPrograma == null)
							strPrograma = "nulo";
					%>
					<div align="left">
						<logic:present name="ListProgramas">
							<logic:iterate id="lPrograma" name="ListProgramas" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.ProgramaVO">
								<html:select name="lPrograma" styleId="programa" property="codePrograma"
									title="Programa" styleClass="formInputOutput" value="<%=strPrograma%>">
									<option value="nulo" selected="selected">
										Seleccione un programa
									</option>
									<html:options name="lPrograma" labelName="codigo"
										labelProperty="nombre" property="code"
										collection="ListProgramas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
				<td width="3%">&nbsp;</td>
			</tr>
			<logic:present name="ListSubprogramas">
				<tr>
					<td width="26%" class="celdatabla"><strong>Beneficio:</strong>
					</td>
					<td width="40%">
						<%
							String strBeneficio = (String) request
										.getAttribute("beneficio");
								if (strBeneficio == null)
									strBeneficio = "nulo";
						%>
						<div align="left">
							<logic:present name="ListSubprogramas">
								<logic:iterate id="lBeneficio" name="ListSubprogramas"
									length="1"
									type="co.gov.medellin.ssti.sub.model.vo.SubprogramaVO">
									<html:select name="lBeneficio" styleId="subprograma" property="codeSubPrograma"
										title="Programa" styleClass="formInputOutput" value="<%=strBeneficio%>">
										<option value="nulo" selected="selected">
											Seleccione un beneficio
										</option>
										<html:options name="lBeneficio" labelName="codigo"
											labelProperty="nombre" property="code"
											collection="ListSubprogramas" />
									</html:select>
								</logic:iterate>
							</logic:present>
						</div>
					</td>
					<td width="3%">&nbsp;</td>
				</tr>
			</logic:present>
						
			<tr>
				<td class="celdatabla" width="31%">
					<p>
						Fecha inicial:
					</p>
				</td>
				<% String fechaInicial = (request.getParameter("fechaInicial") == null) ? "" : request.getParameter("fechaInicial"); %>
				<td align="left" class="celdatabla">
					<input id="fechaIni" class="formInputOutput" value="<%= fechaInicial %>" />
				</td>

				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			
			<tr>
				<td class="celdatabla" width="31%">
					<p>
						Fecha final:
					</p>
				</td>
				<% String fechaFinal = (request.getParameter("fechaFinal") == null) ? "" : request.getParameter("fechaFinal"); %>
				<td align="left" class="celdatabla">
					<input id="fechaFin" class="formInputOutput" value="<%= fechaFinal %>"/>
				</td>

				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			
			
			<tr>
				<td width="44%" colspan="3">
					<div align="center">
						<P>&nbsp;</P>
						<input type="button" value="Generar" onclick="generar()"
							name="buscarBtn" id="buscarBtn" /> 						
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="3" align="center">
					<logic:present name="msg"
						scope="request">
						<DIV align="center">
							<%=request.getAttribute("msg")%>
						</DIV>
						<%
							session.removeAttribute("msg");
						%>
					</logic:present></td>
			</tr>
		</table>
	</div>
</form>
